<!--
 * @author: 十一
 * @since: 2024-06-19
 * GK-Footer.vue
 * @desc: new page
-->
<template>
  <a-layout-footer class="footer flex items-center justify-center footer" v-if="!isMobile">
    <span class="mr-5 cursor-pointer text-sm text-dark-50"> 自由极客资源库 </span>
    <span class="mr-5 cursor-pointer text-sm text-dark-50">投稿邮箱：free_geek@163.com</span>
    <a
      href="https://beian.miit.gov.cn/#/Integrated/index"
      target="_blank"
      class="text-sm text-dark-50 mr-5"
      type="info"
      :underline="false"
    >
      鄂ICP备 20003137号-1</a
    >
    <!-- <span class="mr-5 cursor-pointer text-sm text-dark-50">技术支持：广州悠创信息科技有限公司 </span> -->
  </a-layout-footer>
  <a-layout-footer class="footer flex items-center justify-center footer" v-if="isMobile">
    <span class="mr-5 cursor-pointer text-sm text-dark-50">投稿邮箱：free_geek@163.com</span>
    <a
      href="https://beian.miit.gov.cn/#/Integrated/index"
      target="_blank"
      class="text-sm text-dark-50"
      type="info"
      :underline="false"
    >
      鄂ICP备 20003137号-1</a
    >
  </a-layout-footer>
</template>

<script lang="ts" setup>
import { ref, onMounted } from 'vue'
let isMobile = ref(false)

onMounted(() => {
  window.addEventListener('resize', () => {
    isMobile.value = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
      navigator.userAgent
    )
  })
})
</script>

<style lang="less" scoped>
.footer {
  position: fixed;
  background: #ffffff;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
}
</style>
